<template>
	<view class="bqSet">
		

		<ul>
			<li>
				<text>关联客户<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>关联订单</text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>工单类型<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>工单标题<text class="color">*</text></text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
			<h4>工单内容<text class="color">*</text></h4>
			<textarea name="" id="" cols="180" rows="180"  placeholder="请输入工单内容"></textarea>
		</ul>
		
		<ul>
			<li>
				<text>紧急状态<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			<li>
				<text>处理人员<text class="color">*</text></text>
				<input type="text" placeholder="点击选择＞" class="text">
			</li>
			
		</ul>
		<h4>外勤签到</h4>
		<ul>
			<li>
				<text>执行人须到指定地点签到</text>
				<u-switch v-model="value1" @change="change"></u-switch>
			</li>
			<li>
				<text @click="jumpMap">签到地址<text class="color">*</text></text>
				<input type="text" placeholder="点击选择" class="text">
			</li>
			<li>
				<text>签到范围(米)<text class="color">*</text></text>
				<input type="text" placeholder="点击填写" class="text">
			</li>
		</ul>
		<h4>注:超出此范围签到将无效</h4>
		<ul>
			<li>
				<text>上传附件</text>
				<input type="text" placeholder="选择附件＞" class="text">
			</li>
		</ul>
		
		
		
		
		<view class="bottom_user">
			<view class="bottom_user_top">
				<image src="../../../static/user.png" mode=""></image>
				<image src="../../../static/user.png" mode=""></image>
				<image src="../../../static/user.png" mode=""></image>
				<image src="../../../static/user.png" mode=""></image>
				<image src="../../../static/geng.png" mode="" @click="jumpChooseUser"></image>
			</view>
			<view class="bottom_user_bottom">
				<text>赵小刚</text>
				<text>周小明</text>
				<text>郭小涛</text>
				<text>张小伟</text>
				<text @click="jumpChooseUser">更多</text>
			</view>
		</view>
		
		<h4>注：处理完成后，将自动通知到所选人员。</h4>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
			value1:false
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			},
			jumpChooseUser(){
				uni.navigateTo({
					url:"/pages/my/chooseUser/chooseUser"
				})
			},
			jumpMap(){
				uni.navigateTo({
					url:"/pages/my/map/map"
				})
			}
		}
	}
</script>

<style>
	.bottom_user_bottom>text{
			width: 45px;
			height: 45px;
			margin-left: 20px;
			margin-top: 10px;
			font-size:12px;
			color: #666666;
			text-align: center;
		}
		.bottom_user_bottom{
			display: flex;
			align-items: center;
		}
		.bottom_user_top>image{
			width: 45px;
			height: 45px;
			margin-left: 20px;
			margin-top: 10px;
		}
		.bottom_user_top{
			display: flex;
			align-items: center;
		}
		.bottom_user{
			width: 100%;
			height: 130px;
			background-color: white;
			margin-top: 20px;
		}
		.aa_box{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.aa_box>text{
			height: 28px;
		}
		.loho{
			margin-right: 8px;
			width: 28px;
			height: 28px;
			margin-top: 15px;
		}
		.page_list{
			margin-top: 25px;
		}
		.titFin{
			margin-left: 25px;
			/* margin-top: 50px; */
			line-height: 50px;
		}
		.textarea{
			width: 100%;
			height: 250px;
			background-color: white;
			margin-top: 3px;
		}
		.page_list>li>text{
			margin: 8px;
		}
		.page_list>li{
		height: 50px;
		width: 100vw;
		line-height: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: white;
		font-size:14px;
		color: #666666;
		margin-top: 3px;
		}
	*{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.page_box{
		background-color:rgba(242, 242, 242, 0.5);
	}
	textarea{
		background-color: white;
		margin-top: 20px;
		margin-left: 15px;
	}
	h4{
		margin-left: 22px;
		color: #666666;
		font-size: 14px;
		margin-top: 15px;
	}
	.dis{
		height:120px
	}
	.color{
		color: red;
		margin-left: 4px;
	}
	ul>li>.text{
		margin-right: 20px;
	}
	ul>li>text{
		margin-left: 22px;
		color: #666666;
		font-size: 14px;
	}
	.text{
		 text-align: right;
		 color: #cccccc;
		 font-size: 14px;
	}
	.textaa{
		font-size: 14px;
		color: #0079fecc;
	}
	
.bqSet{
	background-color:rgba(242, 242, 242, 0.5);
}
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.bqSet>ul>li{
	width: 100%;
	height:50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	margin-top: 3px;
}
</style>
